<style type="text/css">
    .libtn{margin-right: 7%; padding: 5px 0; cursor: pointer; list-style: none;float: right;}
</style>
<script type="text/javascript">
    var prefijo = "Nucleosespecificosencuestas_";
    var AVISOASISTENTE = false;
    $(document).ready(function(){
        if(parseInt(document.getElementsByClassName("span-5")) > 0 ) 
            document.getElementsByClassName("span-5")[0].style.display = "none";
        //Grilla de topografías
        jQuery("#tbGrillaTopo").jqGrid({
            url: '<?php echo $this->createUrl("nucleosespecificosencuestas/grillaEspecificos&enc_id={$model->ENC_ID}"); ?>',
            datatype: 'json',
            mtype: 'POST',
            colNames:['Eliminar','Nucleo'],
            colModel :[
                {name:'temporalVar1',index:'temporalVar1', width:100,editable:true,align:"left",editrules:{required:true}},
                {name:'unidadNombre',index:'unidadNombre', width:600,editable:true,edittype:'select',editoptions:{value:""},editrules:{required:true}},
            ],
            loadComplete: function(){
                var ids = jQuery("#tbGrillaTopo").getDataIDs();
                for(var i=0;i<ids.length;i++){
                    var cl = ids[i];
                    var se = "<a href='#' onclick=\"eliminaRelacion('" + cl + "');\" >Eliminar </a>";
                    jQuery("#tbGrillaTopo").setRowData(cl,{temporalVar1:se});
                }
            },
            autowidth:true,
            pager: jQuery('#divPagTopo'),
            rowNum:10,
            rownumbers: true,
            editurl: '<?php ?>',
            rowList:[10,20,30,50],
            sortname: 'nclenombre',
            sortorder: "asc",
            viewrecords: true,
            caption: 'NÚCLEOS ESPECIFICOS',
            height:160
        });
        //Barra de navegación
        jQuery("#tbGrillaTopo").navGrid('#divPagTopo',{edit:false,add:false,del:false,search:false,view:true});       
    }); //fin $(document).ready(function(){
    function cambiaEncuesta(encuesta){
        if(encuesta == "") return false;
        jQuery("#tbGrillaTopo").jqGrid('setGridParam',{url:"<?php echo $this->createUrl("nucleosespecificosencuestas/grillaEspecificos&enc_id="); ?>" + encuesta}).trigger("reloadGrid");
    } //fin function cambiaEncuesta(encuesta){
    function agregaNucleo(encuesta,nucleo){
        if(encuesta == "" || nucleo == "") return false;
        $.post("<?php echo $this->createUrl("nucleosespecificosencuestas/guardaNucleoEspecifico"); ?>",{enc:encuesta,ncl:nucleo},function(data){
            if(parseInt(data) == 1){
                alert("Ya existe la relacion entre la encuesta y el núcleo que ha registrado");
                document.getElementById(prefijo + "NCLE_ID").value = "";
                $("#" + prefijo + "NCLE_ID").trigger("liszt:updated");
            }
            cambiaEncuesta(encuesta);
            if(!AVISOASISTENTE){
                AVISOASISTENTE = true;
                window.parent.activaAcordion(2);
            }
        }); //fin $.post("",{enc:encuesta,ncl:nucleo},function(){
    } //fin function agregaNucleo(encuesta,nucleo){
    function eliminaRelacion(id){
        if(confirm("¿Confirma que desea eliminar ésta relacion encuesta núcleo específico?")){
            $.post("<?php echo $this->createUrl("nucleosespecificosencuestas/eliminaRelacion"); ?>",{nucId:id},function(data){
                $("#" + prefijo + "ENC_ID").trigger("change");
            }); //fin $.post("",{enc:encuesta,ncl:nucleo},function(){
        }
    } //fin function eliminaRelacion(id){
</script>
<div class="form" >
    <?php
    $form = $this->beginWidget('GxActiveForm', array(
        'id' => 'nucleosespecificosencuestas-form',
        'enableAjaxValidation' => false,
            ));
    ?>

    <p class="note">
        <?php echo Yii::t('app', 'Los campos con '); ?> <span class="required">*</span> <?php echo Yii::t('app', 'son requeridos'); ?>.
    </p>

    <?php echo $form->errorSummary($model); ?>

    <div class="row">
        <?php echo $form->labelEx($model, 'ENC_ID'); ?>
        <?php echo $form->dropDownList($model, 'ENC_ID', GxHtml::listDataEx(Encuestas::model()->findAllAttributes(null, true)), array('class' => 'Ccombo', 'style' => "width:100%", 'prompt' => '', "onchange" => "cambiaEncuesta(this.value);")); ?>
        <?php echo $form->error($model, 'ENC_ID'); ?>
    </div><!-- row -->
    <div class="row">
        <?php echo $form->labelEx($model, 'NCLE_ID'); ?>
        <?php echo $form->dropDownList($model, 'NCLE_ID', GxHtml::listDataEx(Nucleosespecificos::model()->findAllAttributes(null, true)), array('class' => 'Ccombo', 'style' => "width:88%;display:inline", 'prompt' => '')); ?>
        <?php 
        echo CHtml::link('<li class="ui-state-default ui-corner-all libtn"  title="Crear núcleo básico" ><span class="ui-icon ui-icon-plusthick" ></span></li>', array('Nucleosespecificos/create&para=1', 'campo' => "", 'iframe' => 'true', 'width' => '100%', 'height' => '100%'), array('title' => GxHtml::encode(GxHtml::valueEx($model)), 'class' => 'pretty_nucleosEsp'));
        echo $form->error($model, 'NCLE_ID'); 
        ?>
    </div><!-- row -->
    <div id="row">
        <button type="button" class="add_input" style="margin: 5px 2px" onclick="agregaNucleo(document.getElementById(prefijo + 'ENC_ID').value,document.getElementById(prefijo + 'NCLE_ID').value)" >Añadir Núcleo</button>
    </div>
    <div id="divPagTopo" class="scroll" style="text-align:center;"></div>
    <table id="tbGrillaTopo" class="scroll" style="font-size: 14px"></table>

    <?php
    $this->endWidget();
    ?>
</div><!-- form -->